// import  { Carousel } from 'antd';
import React from 'react';
import './../../css/del.css'
import { Link } from 'react-router-dom';
import Tab from'../../component/tab'



class del extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            current: 1
            
        }
    }
    tabFn(index) {
        this.setState({
            current: index
        })
    }
    clsFn(index, curCls, cls) {
        let { current } = this.state;
        console.log(current)
        return current === index ? curCls : cls;
    }
    componentDidMount() {
        this.tabFn(1)
    }
    render() {
        // let { current } = this.state;
        return (

<div className='del-box'>
<div className='del-top'>
    <span><Link to={'/index'}>首页</Link> / <Link to={'/Brand'}>产品中心</Link> /恒温恒湿称重系统 /CEWS-A型环境控制全自动称重工作站 </span>
    </div>


<div className='del-content'>
    <div className='del-content-left'>
    <ul className='acc'>
                        <li className={this.clsFn(1, 'current', '')}>
                        <img className='acc1-img' src='http://127.0.0.1:7001/public/whj/5.png' alt='' />
                        </li>
                        <li className={this.clsFn(2, 'current', '')}>
                        <img className='acc1-img' src='http://127.0.0.1:7001/public/whj/6.jpg' alt='' />

                        </li>
                    </ul> 

                    <ol className='abb'>
                        <li onClick={() => { this.tabFn(1) }} className={this.clsFn(1,  '')}>
                        <img className='acc2-img' src='http://127.0.0.1:7001/public/whj/5.png' alt='' />
                        </li>
                        <li onClick={() => { this.tabFn(2) }} className={this.clsFn(2, '')}>
                        <img className='acc2-img' src='http://127.0.0.1:7001/public/whj/6.jpg' alt='' />

                        </li>
                    </ol>            
    </div>
    <div className='del-content-right'>
      <h3>CEWS-C型 环境控制全自动称重工作站</h3>
     <div className='kefu'>
        <p>24小时客服热线</p>
        <span>023-67665376</span>
     </div>
     <div className='kefu1'>
        <p>微信</p>
     </div>
    </div>

</div>

<div className='del-footer'>
    <Tab></Tab>         

</div>


</div>

            
       
        );
    }
}

export default del